//
//  HHIconAndImageSample.swift
//  HHSwiftuiPractice
//
//  Created by YL-Hong on 2023/9/26.
//

import SwiftUI

struct HHIconAndImageSample: View {
    var body: some View {
        
        //Image(systemName:) 方法来加载系统图片
        
        VStack{
            
            //图片原始尺寸
            Image(systemName: "heart.fill")
                .foregroundColor(Color.orange)
                .frame(width: 100,height: 100)
            
            
            //fit 按照图片原始比例进行缩放，适应父容器大小，保持图片完整且显示在父容器内
            Image(systemName: "heart.fill")
                .resizable() //图像自动调整大小
                .aspectRatio(contentMode: .fit)
                .foregroundColor(Color.orange)
                .frame(width: 150,height: 150)
            
            //分割线
            Divider().foregroundColor(.black)
            
            //fill图像会按照原始的宽高比例进行缩放，以填满整个父容器，保持图像的内容不变形
            Image(systemName: "heart.fill")
                .resizable() //图像自动调整大小
                .aspectRatio(contentMode: .fill)
                .foregroundColor(Color.orange)
                .frame(width: 100,height: 50)
                .clipped()//裁剪超出父视图的范围部分
            
            // 裁剪
            Image("head")
                .resizable()
                .frame(width: 200, height: 200)
                .clipShape(Ellipse())
                
                
            
            // 裁剪 圆角
            Image("head")
                .resizable()
                .frame(width: 200, height: 200)
                .clipShape(RoundedRectangle(cornerRadius: 25))
                
            
        }
        
       
            
        
    }
}

struct HHIconAndImageSample_Previews: PreviewProvider {
    static var previews: some View {
        HHIconAndImageSample()
    }
}
